<template>
  <div class="container">
    <!-- <el-row :gutter="20">
        <el-col :span="12" :offset="6">
            <div class="grid-content bg-purple"></div>
            <h3>品牌列表</h3>
        </el-col>
    </el-row> -->
    <img src="../assets/1.png" alt="">
    <div class="add_box" @click="showToast">
      <img src="../assets/add.png" alt="" v-if="!isShow">
      <img src="../assets/up.png" alt="" v-else>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      isShow:false
    }
  },

  methods: {
    showToast(){
      this.isShow=!this.isShow
    }
  },

  created () {}
}
</script>

<style lang='less' scoped>
.show {
  display: none;
}
.container {
  position: relative;
  width: 1280px;
  height: 800px;
  border:1px solid pink;
  .add_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
}
</style>
